<!DOCTYPE html >
<html>
<head>
  <title>电影信息管理系统</title>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/sliding_effect.js"></script>
  <script type="application/javascript" src="../layui/layui.all.js"></script>
  <link href="../layui/css/layui.css" rel="stylesheet" type="text/css" media="all"/>
  <link href="../afctf/css/style.css" rel="stylesheet" type="text/css" media="all" />
  <link href="../afctf/css/reser.css" rel="stylesheet" type="text/css" media="all" />
  <link href="../afctf/css/countdown.css" rel="stylesheet" type="text/css" media="all" />
  <link href="../afctf/css/challenge.css" rel="stylesheet" type="text/css" media="all" />
  <script src="../afctf/js/jquery-3.3.1.min.js"></script>
  <script src="../afctf/js/layer.js"></script>
  <script src="../afctf/js/echarts.min.js"></script>
  <script src="../afctf/js/utils.js"></script>
  <script src="../afctf/js/challenge.js"></script>
  <script src="../afctf/js/inputLimit.js"></script>
  <script type="text/javascript" src="../value_js/jquery.min.2.0.js"></script>
</head>
<body>
  <div class="bh">
    <div class="header">
        <div class="logo">
            <h1><a href="index.html"><img src="../img/logo.png" alt=""></a></h1>
        </div>
        <div class='cssmenu' style="margin-left: ;flex: 0 0 70%;max-width: 50%;display: block;width: 100%">
        <div class="title">
        <br/>
        <h1>&nbsp;&nbsp;电&nbsp;&nbsp;影&nbsp;&nbsp;信&nbsp;&nbsp;息&nbsp;&nbsp;管&nbsp;&nbsp;理&nbsp;&nbsp;系&nbsp;&nbsp;统</h1>
        </div>
        </div>
        <div class='cssmenu' style="margin-left: 0;flex: 0 0 20%;max-width: 20%;display: block;width: 100%">
                <ul>
                    <li id="username"><span style="margin-right:20px;max-width:120px;display:block;overflow:hidden;">用户昵称</span>
                    </li>
                    <li><span>/</span></li>
                    <li id="logout"><a href="../login.html" style="">退出登录</a></li>
                </ul>
            </div>
            <div class='cssmenu' style="margin-left: 0;flex: 0 0 4.5%;max-width: 10%;display: block;width: 100%">
                <ul>
                    <li><a href="" style="border-bottom: 0px"><img src="user.png" alt=""></a></li>
                </ul>
            </div>
        </div>
    </div>
  </div>
<div class="layui-carousel" id="test10">
  <div carousel-item="">
    <div><img src="../img/2.jpg"></div>
    <div><img src="../img/1.jpg"></div>
    <div><img src="../img/back02_02.jpg"></div>
    <div><img src="../img/5.png"></div>
    <div><img src="../img/logo的副本.png"></div>
    <div><img src="../img/3.png"></div>
    <div><img src=""></div>
  </div>
</div>
<div class="layui-container">
  <h1 style="text-align: center; margin-top: 50px;">欢&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;迎&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;来&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;到&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;影&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;信&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;息&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;管&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;理&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;系&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;统</h1>
</br>
<div align="center">

    <button class="layui-btn layui-btn-lg layui-btn-radius layui-btn-normal" style="margin-left: 0px; margin-top:30px;" onclick="window.location.href='alterFilmIndex.jsp'">电影信息管理</button>
    <button class="layui-btn layui-btn-lg layui-btn-radius layui-btn-normal" style="margin-top:30px;" onclick="window.location.href='PersonIndex.jsp'">人物信息管理</button>
    <button class="layui-btn layui-btn-lg layui-btn-radius layui-btn-normal" style="margin-top:30px;" onclick="window.location.href='FirmIndex.jsp'">公司信息管理</button>
    <button class="layui-btn layui-btn-lg layui-btn-radius layui-btn-normal" style="margin-top:30px;" onclick="window.location.href='KindManage.jsp'">电影类别管理</button>
    <button class="layui-btn layui-btn-lg layui-btn-radius layui-btn-normal" style="margin-top:30px;" onclick="window.location.href='../index.jsp'">返回</button>
  </div>
</div>

<div class="maincontainer">
<script src='../afctf/js/TweenMax.min.js'></script>
<script src="../afctf/js/index.js"></script>
</div>
<div class="ftr1-bg">
    <div class="wrap">
        <div class="footer1">
            <p class="link">
            <span>
            开发人员：<a>张浩森 陈炫宇 牟育霆 廖贝尔</a>
            <br>
            平台开发：<a href="https://www.abigale.xin/">Abigale</a>
            </span>
            </p>
        </div>
    </div>
</div>
<script type="text/javascript" color="0,0,139" count="175" opacity="0.5" src="../canvas-nest.min.js"></script>
<script type="text/javascript">
    /* 鼠标特效 */
    var a_idx = 0;
    // jQuery(document).ready(function($) {
    document.ready = function() {
        $("body").click(function(e) {
            var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
            var $i = $("<span/>").text(a[a_idx]);
            a_idx = (a_idx + 1) % a.length;
            var x = e.pageX,
                y = e.pageY;
            $i.css({
                "z-index": 9,
                "top": y - 20,
                "left": x,
                "position": "absolute",
                "font-weight": "bold",
                "font-size": "14px",
                "color": "#ff0000"
            });
            $("body").append($i);
            $i.animate({
                    "top": y - 180,
                    "opacity": 0
                },
                1500,
                function() {
                    $i.remove();
                });
        });
    };
</script>
<script src="layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
layui.use(['carousel', 'form'], function(){
  var carousel = layui.carousel
  ,form = layui.form;

  //常规轮播
  carousel.render({
    elem: '#test1'
    ,arrow: 'always'
  });

  //改变下时间间隔、动画类型、高度
  carousel.render({
    elem: '#test2'
    ,interval: 1800
    ,anim: 'fade'
    ,height: '120px'
  });

  //设定各种参数
  var ins3 = carousel.render({
    elem: '#test3'
  });
  //图片轮播
  carousel.render({
    elem: '#test10'
    ,width: '1400px'
    ,height: '440px'
    ,interval: 3000
  });

  //事件
  carousel.on('change(test4)', function(res){
    console.log(res)
  });

  var $ = layui.$, active = {
    set: function(othis){
      var THIS = 'layui-bg-normal'
      ,key = othis.data('key')
      ,options = {};

      othis.css('background-color', '#5FB878').siblings().removeAttr('style');
      options[key] = othis.data('value');
      ins3.reload(options);
    }
  };

  //监听开关
  form.on('switch(autoplay)', function(){
    ins3.reload({
      autoplay: this.checked
    });
  });

  $('.demoSet').on('keyup', function(){
    var value = this.value
    ,options = {};
    if(!/^\d+$/.test(value)) return;

    options[this.name] = value;
    ins3.reload(options);
  });

  //其它示例
  $('.demoTest .layui-btn').on('click', function(){
    var othis = $(this), type = othis.data('type');
    active[type] ? active[type].call(this, othis) : '';
  });
});
</script>
</body>
</html>